<template>
  <div class="useRewardDetail">
    <div class="useRewardDetail_all">
      <text class="useRewardDetail_all_text">累计金额</text>
      <div class="useRewardDetail_all_money">
        <text class="useRewardDetail_all_money_number">2000元</text>
      </div>
    </div>
    <list class="useRewardDetail_each">
      <cell class="useRewardDetail_each_cell">
        <div class="useRewardDetail_each_div useRewardDetail_each_divLeft">
          <image class="useRewardDetail_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divCenter useRewardDetail_each_info">
          <text class="useRewardDetail_each_name">HANMINGHZE</text>
          
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divRight useRewardDetail_each_money">
          <text class="useRewardDetail_each_money_text">¥100.00</text>
          <text class="useRewardDetail_each_time">2018-03-06</text>
        </div>
      </cell>
      <cell class="useRewardDetail_each_cell">
        <div class="useRewardDetail_each_div useRewardDetail_each_divLeft">
          <image class="useRewardDetail_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divCenter useRewardDetail_each_info">
          <text class="useRewardDetail_each_name">HANMINGHZE</text>
          
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divRight useRewardDetail_each_money">
          <text class="useRewardDetail_each_money_text">¥100.00</text>
          <text class="useRewardDetail_each_time">2018-03-06</text>
        </div>
      </cell>
      <cell class="useRewardDetail_each_cell">
        <div class="useRewardDetail_each_div useRewardDetail_each_divLeft">
          <image class="useRewardDetail_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divCenter useRewardDetail_each_info">
          <text class="useRewardDetail_each_name">HANMINGHZE</text>
          
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divRight useRewardDetail_each_money">
          <text class="useRewardDetail_each_money_text">¥100.00</text>
          <text class="useRewardDetail_each_time">2018-03-06</text>
        </div>
      </cell>
      <cell class="useRewardDetail_each_cell">
        <div class="useRewardDetail_each_div useRewardDetail_each_divLeft">
          <image class="useRewardDetail_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divCenter useRewardDetail_each_info">
          <text class="useRewardDetail_each_name">HANMINGHZE</text>
          
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divRight useRewardDetail_each_money">
          <text class="useRewardDetail_each_money_text">¥100.00</text>
          <text class="useRewardDetail_each_time">2018-03-06</text>
        </div>
      </cell>
      <cell class="useRewardDetail_each_cell">
        <div class="useRewardDetail_each_div useRewardDetail_each_divLeft">
          <image class="useRewardDetail_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divCenter useRewardDetail_each_info">
          <text class="useRewardDetail_each_name">HANMINGHZE</text>
          
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divRight useRewardDetail_each_money">
          <text class="useRewardDetail_each_money_text">¥100.00</text>
          <text class="useRewardDetail_each_time">2018-03-06</text>
        </div>
      </cell>
      <cell class="useRewardDetail_each_cell">
        <div class="useRewardDetail_each_div useRewardDetail_each_divLeft">
          <image class="useRewardDetail_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divCenter useRewardDetail_each_info">
          <text class="useRewardDetail_each_name">HANMINGHZE</text>
          
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divRight useRewardDetail_each_money">
          <text class="useRewardDetail_each_money_text">¥100.00</text>
          <text class="useRewardDetail_each_time">2018-03-06</text>
        </div>
      </cell>
      <cell class="useRewardDetail_each_cell">
        <div class="useRewardDetail_each_div useRewardDetail_each_divLeft">
          <image class="useRewardDetail_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divCenter useRewardDetail_each_info">
          <text class="useRewardDetail_each_name">HANMINGHZE</text>
          
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divRight useRewardDetail_each_money">
          <text class="useRewardDetail_each_money_text">¥100.00</text>
          <text class="useRewardDetail_each_time">2018-03-06</text>
        </div>
      </cell>
      <cell class="useRewardDetail_each_cell">
        <div class="useRewardDetail_each_div useRewardDetail_each_divLeft">
          <image class="useRewardDetail_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divCenter useRewardDetail_each_info">
          <text class="useRewardDetail_each_name">HANMINGHZE</text>
          
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divRight useRewardDetail_each_money">
          <text class="useRewardDetail_each_money_text">¥100.00</text>
          <text class="useRewardDetail_each_time">2018-03-06</text>
        </div>
      </cell>
      <cell class="useRewardDetail_each_cell">
        <div class="useRewardDetail_each_div useRewardDetail_each_divLeft">
          <image class="useRewardDetail_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divCenter useRewardDetail_each_info">
          <text class="useRewardDetail_each_name">HANMINGHZE</text>
          
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divRight useRewardDetail_each_money">
          <text class="useRewardDetail_each_money_text">¥100.00</text>
          <text class="useRewardDetail_each_time">2018-03-06</text>
        </div>
      </cell>
      <cell class="useRewardDetail_each_cell">
        <div class="useRewardDetail_each_div useRewardDetail_each_divLeft">
          <image class="useRewardDetail_each_img" src="../src/assets/img/1.jpg" ></image>
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divCenter useRewardDetail_each_info">
          <text class="useRewardDetail_each_name">HANMINGHZE</text>
          
        </div>
        <div class="useRewardDetail_each_div useRewardDetail_each_divRight useRewardDetail_each_money">
          <text class="useRewardDetail_each_money_text">¥100.00</text>
          <text class="useRewardDetail_each_time">2018-03-06</text>
        </div>
      </cell>
    </list>
  </div>
</template>
<style>
  .useRewardDetail{}
  .useRewardDetail_time{flex-direction: row;align-items: center;justify-content: center;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#9E9F9F;margin-bottom: 20px;height: 90px;box-shadow: 0px 20px 0px rgba(0, 0, 0, 0.2);background-color: #fff;}
  .useRewardDetail_time_text{font-size: 40px;}
  .useRewardDetail_icon{font-family: iconfont2;color: #DC7009;font-size: 50px;}

  .useRewardDetail_all{flex-direction: row;align-items: center;justify-content: space-between;padding-left: 25px;padding-right: 25px;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#9E9F9F;height: 90px;}
  .useRewardDetail_all_text{color: #7D7D7D;}
  .useRewardDetail_all_money{}
  .useRewardDetail_all_money_number{color: #DC7009;}

  .useRewardDetail_each{}
  .useRewardDetail_each_cell{flex-direction:row;align-items:center;justify-content:space-between;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#9E9F9F;padding:25px;}
  .useRewardDetail_each_div{}
  .useRewardDetail_each_divLeft{width: 100px;}
  .useRewardDetail_each_divCenter{width: 350px;}
  .useRewardDetail_each_divRight{width: 200px;flex-direction:column;align-items:flex-end;justify-content:flex-end;}
  .useRewardDetail_each_img{width: 100px;height: 100px;border-radius: 50px;}
  .useRewardDetail_each_name{}
  .useRewardDetail_each_time{color: #7D7D7D; }
  .useRewardDetail_each_money{ }
  .useRewardDetail_each_money_text{color: #DC7009;}
</style>
<script>
module.exports = {
  beforeCreate: function () {
    var domModule = weex.requireModule("dom");
    domModule.addRule('fontFace', {
      'fontFamily': "iconfont2",
      'src': "url('http://at.alicdn.com/t/font_475407_agvgdhxied0zr529.ttf')"
    });
  }
}
</script>